<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head th:fragment="commonHeader(title,links,styles)">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title th:replace="${title}">The awesome application</title>
    <link th:href="@{/favicon.ico}" rel="icon">
    <link th:href="@{/webjars/bootstrap/dist/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{/webjars/font-awesome/css/font-awesome.min.css}" rel="stylesheet" />
    <link th:href="@{/webjars/bootstrap-table/dist/bootstrap-table.min.css}" rel="stylesheet" />
    <link th:href="@{/webjars/bootstrap-table/dist/bootstrap-table.min.css}" rel="stylesheet" />
    <link th:href="@{/css/app.css}" rel="stylesheet" />
    <th:block th:replace="${links}" />
    <th:block th:replace="${styles}" />
</head>
<body>
<nav th:fragment="commonNav" class="navbar navbar-default navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" th:href="@{/index}">APP</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
          <li><a th:href="@{/index}">首页</a></li>
          <li><a th:href="@{/inf}">异常测试页</a></li>
              <li><a th:href="@{/admin}">管理员测试页</a></li>
              <li><a th:href="@{/user}">用户测试页</a></li>
              <li><a th:href="@{/about}">游客测试页</a></li>
              <li><a th:href="@{/menu-mgt}">menu-mgt</a></li>
              <li><a th:href="@{/page}">分页测试页</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li class="dropdown-header">Nav header</li>
            <li><a href="#">Separated link</a></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
          <li>
	          <span  sec:authentication="name"></span>
	          <span  sec:authentication="authorities"></span>
          </li>
          <li>
	           <a sec:authorize="isAnonymous()" th:href="@{/login}">登录</a>
	           <a sec:authorize="isAuthenticated()" th:href="@{/logout}">登出</a>
          </li>
      </ul>
    </div>
  </div>
</nav>
<footer th:fragment="commonFooter(scripts)">
	<div class="container">© 2018 Foo Company<a href="#" class="back-to-top"> Back to top </a>
	</div>
    <script th:src="@{/webjars/jquery/dist/jquery.min.js}"></script>
    <script th:src="@{/webjars/bootstrap/dist/js/bootstrap.min.js}"></script>
    <script th:src="@{/webjars/bootstrap-table/dist/bootstrap-table.min.js}"></script>
    <script th:src="@{/webjars/bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js}"></script>
    <script th:src="@{/js/app.js}"></script>
    <th:block th:replace="${scripts}" />
</footer>
</body>
</html>